*{margin: 0;padding: 0; list-style: none;text-decoration:none}
body{position: relative; background: #eeeeee; font-family: "微软雅黑";}
body>#app>header{width: 100%;height: 3.55rem;background: #90c31f !important; position: relative;}
#logo{width: 0.9rem; line-height: 0.9rem; border-radius:0.9rem ;background: #fff;position: absolute; left: 0.2rem; top: 0.3rem;overflow: hidden;text-align: center;}
#logo>img{width: 85%;height: 85%;}
header>a{display:inline-block; font-size: 0.36rem;color: #fff;position: absolute; left: 1.31rem; top: 0.3rem; background-image:url(../../img/right.png);background-repeat:no-repeat ;background-size:0.15rem ; background-position: right;padding-right: 0.3rem;background-position-y: 0.15rem;}
header>span{font-size: 0.24rem; position:absolute; left: 1.31rem; top:0.9rem; color: #fff;}
body>#app>header>select{padding:0;width:auto;line-height: 0.4rem; border-radius:0.4rem ;background: #90c31f; border: 0.02rem solid #fff !important; color: #fff ; position:absolute; right:0.2rem;top:0.3rem; font-size:0.3rem ; text-indent: 0.4rem;padding-right: 0.5rem;min-width: 2rem;}
body>#app>header>img{position:absolute; right: 0.44rem; top: 0.4rem; transform: rotate(90deg);width: 0.14rem;}
article{width: 6.5rem; height: 2.5rem; background: #fff; position:absolute; top: 1.5rem; left: 0.2rem; border-radius: 0.2rem; padding: 0.3rem;}
article>header{width: 6.5rem; height: 0.35rem; position: relative; background: #fff;}
article>header>p{color: #000; font-size: 0.24rem;}
article>header>img{width: 0.2rem;height: 0.16rem; float: right;margin-top: -0.45rem;}
#country{height: 100%;width: auto;float: right;margin-top: -0.39rem; }
#country>select{float: right; height: auto; width: auto;  margin-right: 0.2rem; font-size: 0.:;6rem;margin-top: -0.35rem;}
#country>img{float: right; height: 100%; width: 0.5rem;margin-top:-0.12rem;}
#ticket{width: 6.5rem; margin-bottom: 0.08rem; overflow: hidden; position: relative;}
#ticket>input{border: 0;text-indent: 0.2rem;border: 0;position: absolute;width: 52%; top: 0.25rem; left: 1rem; font-size: 0.3rem;height: 1rem;}
#ticket>span{font-size: 0.38rem; float: left; margin-top: 0.6rem;}
#ticket>p{font-size: 0.26rem; background: #fe234f;width: 1.5rem;line-height: 0.5rem; color: white; text-align: center;border-radius: 0.5rem; float: right;margin-top: 0.57rem;}
article>footer{border-top: 0.02rem solid #ccc; width: 100%;overflow: hidden;z-index: 1;}
article>footer>div{margin-top: -0.5rem;}
article>footer>div>p{font-size: 0.28rem; color: #666; display: inline-block;}
article>footer>div>b{font-size: 0.38rem; color: #fcaf3e;}
article>footer>div>span{font-size: 0.28rem; color:#666;margin-left: -0.2rem;}
article>footer>span{float:right; margin-top: -0.5rem; width: 0.35rem;line-height: 0.35rem; background: #999; color: #fff; border-radius:0.35rem ; font-size:0.3rem ; text-align: center;}
#pay{width: 7.1rem;margin-top: 1.3rem ;margin-left: 0.2rem; border-bottom: 0.03rem solid #ccc;}
#pay>p{color: #999; font-size: 0.26rem;}
#pay>input{background: #90c31f; color: #fff; width: 3.4rem; height: 0.9rem; border-radius:0.9rem; margin: 0.65rem 1.8rem; font-size: 0.3rem;}
body>footer{width: 7.1rem;margin: 0.30rem auto; }
body>footer>p{font-size:0.36rem;color: #000;font-weight:600;}
.mui-backdrop{background-color: rgba(0,0,0,.8);}
.mui-backdrop>div:nth-of-type(1){width: 3.4rem; height: 1.25rem; background: #fff;border-radius: 1.25rem;top: 2.3rem; left: 0.4rem;position: absolute;}
.mui-backdrop>div:nth-of-type(1)>p{color:#000; font-size: 0.38rem; border-right: 0.02rem solid #ccc;width: .8rem;margin-top: 0.3rem; margin-left: 0.2rem; }
.mui-backdrop>div:nth-of-type(1)>img{position: absolute; width: 100%; top: 1rem;}
#gold{width: 8.621rem; height: 4.5rem; left: -0.68rem; top: 0.5rem; z-index: 1;}
.mui-backdrop>div:nth-of-type(1)>img:nth-of-type(2){ left: 1.45rem;top: 1.3rem; width: 0.75rem; height: 0.85rem;}
.mui-backdrop>div:nth-of-type(1)>span{font-size: 0.3rem; color: white; font-weight: 500; position: absolute; left: 1rem; top: 2.2rem;}

.mui-backdrop>div:nth-of-type(2){width: 2.1rem; height: 1.25rem; background: #fff;border-radius: 1.25rem;top: 2.3rem; left: 5rem;position: absolute;}
.mui-backdrop>div:nth-of-type(2)>p{width: 1.5rem;line-height: 0.5rem;font-size: 0.26rem; border-radius: 0.5rem;margin-top: 0.37rem; margin-left: 0.28rem;background:#fe234f; color: #fff;text-align: center;}
.mui-backdrop>div:nth-of-type(2)>img{position: absolute; left: 0.85rem; top: 1.1rem;}
.mui-backdrop>div:nth-of-type(2)>img:nth-of-type(2){ left: 0.8rem;top: 1.3rem; width: 0.75rem; height: 0.85rem;}
.mui-backdrop>div:nth-of-type(2)>span{font-size: 0.3rem; color: white; font-weight: 500; position: absolute; left: 0.45rem; top: 2.2rem;}
#get{width: 6.34rem; height:auto; border-radius:0.2rem ; margin-left: 0.18rem;position:relative; overflow: hidden; margin-top: 2.5rem;padding-bottom: 0.3rem; background: #df3121;}
.mui-backdrop>img{position: absolute; left: 6.2rem; top: 1.6rem; width: 0.5rem;height: 0.5rem;}
.mui-backdrop>h3{color: white; z-index: 3; position: absolute; top: 2.5rem;left: 2.1rem;}
#get>header{width: 100%; height: 1.14rem; background: #f02b34; font-size: 0.48rem; color: #fff; font-weight: 500;text-align: center;line-height: 1.5rem;}
#get>ul{width: 100%; height:auto; background: #df3121; overflow: hidden;}
#get>ul>li{width: 5.4rem;height: 1.7rem;position: relative;margin-bottom: 0.2rem; margin-left: 0.45rem;}
#get>ul>li:nth-of-type(1){margin-top: 1.2rem;}
#get>ul>li>img{height:100%;position: absolute;left: 1.05rem;}  
#get>ul>li>div:nth-of-type(1){width: 1.25rem;line-height: 1.71rem;border-radius: 0.2rem;background: #fff;float: left;text-align: center;}  
#get>ul>li>div:nth-of-type(1)>img{width: 0.8rem;height: 0.8rem;} 
#get>ul>li>div:nth-of-type(2){width: 4rem;height: 1.5rem;border-radius: 0.2rem;background: #fff;position: absolute;left: 1.17rem;padding-top: 0.2rem;padding-left: 0.2rem;top: 0;}
#get>ul>li>div:nth-of-type(2)>p{font-size: 0.3rem;color: #000;margin-bottom: 0.2rem;}
#get>ul>li>div:nth-of-type(2)>p:nth-of-type(2){font-size: 0.18rem;}
#get>ul>li>div:nth-of-type(2)>p:nth-of-type(3){color: #a9a9a9; font-size: 0.16rem;}
#get>ul>li>div:nth-of-type(2)>a{background: #fa9c16; width: 1rem;line-height: 0.39rem; border-radius: 0.53rem; color: #fff; font-size: 0.2rem; position: absolute; right:0.2rem; top: 0.35rem;text-align: center;}
#get>footer{width: 100%; height: 100%; background: #df3121;margin-top: -0.1rem; overflow: hidden;text-align: center; }
#get>footer>button{background: #fa9c16; color: #df3121; width: 3.35rem; height: 0.9rem; border-radius: 0.9rem; margin-top: 0.35rem;}
#get>footer>a{display:block;width: 3.36rem; line-height: 0.91rem;border: 0.01rem solid #fff; text-align: center; color: #fff; font-size: 0.3rem; border-radius:0.3rem ; margin: auto; margin-top: 0.2rem;}
#succeed>div{width: 5.9rem; height:auto; background: #fff; border-radius:0.2rem ; margin-left: 0.2rem; overflow: hidden;padding: 0.2rem 0.2rem 0.5rem 0.2rem;}
#succeed header{font-size: 0.36rem; color: #000;width: 100%; height:1rem;background: #fff;text-align: center; font-weight:600;margin-top: 0.5rem; font-size: 0.5rem;}
#dra{width: 5.38rem; height: 1.65rem; margin-left: 0.25rem;margin-top: 0.3rem; position: relative;}
#dra>div{width: 1.10rem; height: 1.65rem; text-align: center; line-height: 1.65rem; border-radius: 0.1rem; border: 0.01rem solid #ccc;}
#dra>img{height: 102%; position: absolute; left: 1rem; z-index: 2;}
#dra>div>img{width: 0.8rem; height: 0.8rem;}
#dra>div:nth-of-type(2){height: 100%; width: 4rem; border: 0.01rem solid #ccc; border-radius:0.1rem ; position: absolute;top: 0;left: 1.25rem; background: #fff;}
#dra>div:nth-of-type(2)>p{text-indent: 0.1rem;width: auto;color: #000;line-height: 0;text-align: left;}
#dra>div:nth-of-type(2)>p:nth-of-type(1){ font-size:0.3rem ; font-weight: 600;height: 0.3rem; height: 0.3rem;margin-top: 0.6rem; }
#dra>div:nth-of-type(2)>p:nth-of-type(2){font-size: 0.18rem;font-weight: 600;margin-top: -0.1rem;}
#dra>div:nth-of-type(2)>p:nth-of-type(3){margin-top: 0.35rem; font-size: 0.16rem; color: #ccc;}
#dra>p{margin-top:0.3rem; font-size: 0.36rem; font-weight: 600;width: 100%; text-align: center; color: #000;}
#dra>a{display: block; width: 3.35rem;line-height: 0.95rem; background: #90c31f; color: white; font-size: 0.3rem; text-align: center;border-radius: 0.95rem;margin-left: 1rem; margin-top: 0.4rem;}
#succeed footer{width: 93.3%; height: 1.5rem;border-top: 0.01rem solid #ccc; margin-top: 0.3rem;}
#succeed footer>h4{float: left;margin-top: 0.3rem; }
#succeed footer>.footer{width:100%;height: 1.2rem; float: left; line-height: 1rem; text-align: left; position: relative;}
#succeed footer>.footer>img{height: 100%;}
#succeed footer>.footer>h5{width: auto;float: right;width: 75%;}
#succeed footer>.footer>h5:nth-of-type(2){margin-top: -0.5rem;}
#succeed footer>.footer>button{position: absolute; right: 0;top: 0.7rem;}
#succeed .content{text-align: center; margin-top: 0.5rem;}
#succeed .content>p{color: #000;}
#succeed .content>button{width: 2rem; border-radius: 1rem;margin-top: 0.5rem;}

.apply.mui-backdrop>div{width: 5.9rem; height: 6.9rem; background: #fff; border-radius:0.2rem ; margin-left: 0.2rem; overflow: hidden;padding: 0.2rem;}
.apply.mui-backdrop header{font-size: 0.36rem; color: #000;width: 100%; height:1.2rem;background: #fff;text-align: center; font-weight:600;margin-top: 0.5rem; font-size: 0.5rem;}
.apply.mui-backdrop footer{width: 93.3%; height: 1.5rem;border-top: 0.01rem solid #ccc; margin-top: 1rem;}
.apply.mui-backdrop footer>h4{float: left;margin-top: 0.3rem; }
.apply.mui-backdrop footer>.footer{width:100%;height: 1rem; float: left;line-height: 1rem; text-align: left; position: relative;}
.apply.mui-backdrop footer>.footer>img{height: 100%;}
.apply.mui-backdrop footer>.footer>h5{width: auto;float: right;width: 75%;}
.apply.mui-backdrop footer>.footer>h5:nth-of-type(2){margin-top: -0.5rem;}
.apply.mui-backdrop footer>.footer>button{position: absolute; right: 0;top: 0.5rem;}
.apply.mui-backdrop .content{text-align: center; margin-top: 0.5rem;}
.apply.mui-backdrop .content>p{color: #000;}
.apply.mui-backdrop .content>button{width: 2rem; border-radius: 1rem;margin-top: 0.5rem;}

#hint{display: none;}
#app>footer{margin-left: 0.2rem;}
